@charset "utf-8";
/* CSS Document */

.main-bg{
	background: #f6f6f6 url(../images/fw1200.png) no-repeat center top;
}
/* 容器样式 */
.service-container {
  max-width: 1300px;
  margin: 0px auto 20px;
}
.service-container h1{
	text-align: center;
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
    font-weight: 500;
}
 
/* 横向滚动容器 */
.scroll-wrapper {
  /*display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;*/
	display: grid;
    grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
 
/* 隐藏滚动条（可选） */
.scroll-wrapper::-webkit-scrollbar {
  display: none;
}
 
/* 服务卡片样式 */
.service-card {
 /* flex: 0 0 300px;*/
	
  scroll-snap-align: start;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  padding: 20px;
  transition: transform 0.3s ease;
}
 
.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}
 
/* 内容样式 */
.factory-name {
  color: #111;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}
 
.price-tag {
  color: #f5b400;
  font-size: 18px;
  font-weight: 700;
  margin: 15px 0;
}
 
.process-methods {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
 
.method-tag {
  background: #f5f5f5;
  color: #666;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.9rem;
}
 
/* 响应式设计 */
@media (max-width: 768px) {
  .service-card {
    flex: 0 0 280px;
  }
  
  .factory-name {
    font-size: 1.2rem;
  }
  
  .price-tag {
    font-size: 1.4rem;
  }
}

/* 容器样式 */
.advantages {
  max-width: 1300px;
  margin: 0px auto 20px;
  padding: 0 0px;
}
.advantages h1{
	text-align: center;
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
    font-weight: 500;
}
 
/* 网格布局 */
.advantage-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}
 
/* 单个优势项 */
.advantage-item {
  flex: 1 1 calc(20% - 45px); /* 每行4个 */
  /*min-width: 260px;*/
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
	text-align: center;
}
 
.advantage-item:hover {
  transform: translateY(-5px);
}
 
/* 图标样式 */
.advantage-item .icon {
  font-size: 2.5rem;
  color: #2b6cb0;
  margin-bottom: 20px;
}
 
/* 文字内容 */
.content h3 {
  color: #111;
  font-size: 16px;
  margin-bottom: 12px;text-align: center;
}
 
.content p {
  color: #666;
  font-size: 14px;
  line-height: 1.6;text-align: center;
}
 
/* 响应式设计 */
@media (max-width: 992px) {
  .advantage-item {
    flex: 1 1 calc(50% - 30px); /* 每行2个 */
  }
}
 
@media (max-width: 576px) {
  .advantage-item {
    flex: 1 1 100%; /* 每行1个 */
  }
}
.example{
	clear: both;
	margin-bottom: 20px;
}
.example h1 {
  text-align: center;
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
    font-weight: 500;
}
.example ul{
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}
.example ul li{
	background: #fff; 
	border-radius: 6px;
	box-shadow: 0 0 6px #e5e5e5;
	/*width: calc(20% - 10px); 
    margin: 5px; */
    box-sizing: border-box;
	transition: transform 0.3s ease;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
.example ul li img{
	border-radius: 6px;
}
.example ul li:hover {
  transform: translateY(-5px);
}